import React from 'react';
import { BLUE_COLOR } from '../../constants';

export default ({ x, y, width, height }) => (
  <svg
    version="1.1"
    x={x}
    y={y}
    width={width}
    height={height}
    viewBox="0 0 548.291 548.291"
    shapeRendering={'geometricPrecision'}
  >
    <rect x="50" width="550" height="550" opacity="0.7" fill="white" />
    <g>
      <g>
        <g>
          <path
            d="M213.773,411.648c-5.643,0-9.467,0.546-11.472,1.093v36.23c2.367,0.553,5.281,0.735,9.289,0.735     c14.751,0,23.855-7.464,23.855-20.036C235.441,418.389,227.608,411.648,213.773,411.648z"
            fill={BLUE_COLOR}
          />
          <path
            d="M472.929,131.396c-0.031-2.517-0.829-5-2.556-6.96L364.656,3.675c-0.021-0.031-0.053-0.042-0.084-0.073     c-0.63-0.704-1.354-1.287-2.132-1.796c-0.23-0.152-0.462-0.286-0.703-0.419c-0.683-0.365-1.387-0.667-2.121-0.888     c-0.2-0.058-0.377-0.139-0.577-0.194C358.231,0.118,357.411,0,356.572,0H96.757C84.904,0,75.255,9.649,75.255,21.502V526.79     c0,11.858,9.649,21.501,21.502,21.501h354.775c11.863,0,21.503-9.643,21.503-21.501V132.595     C473.036,132.191,472.971,131.792,472.929,131.396z M251.643,458.085c-9.465,8.919-23.491,12.923-39.875,12.923     c-3.645,0-6.918-0.177-9.472-0.545v43.885h-27.489V393.254c8.557-1.454,20.578-2.551,37.51-2.551     c17.115,0,29.318,3.28,37.509,9.832c7.832,6.194,13.11,16.395,13.11,28.41C262.937,440.962,258.927,451.161,251.643,458.085z      M333.054,463.182v51.166h-27.676V464.09l-38.785-72.462h31.688l12.563,29.49c3.82,8.924,6.377,15.476,9.469,23.492h0.369     c2.729-7.65,5.643-14.751,9.284-23.492l12.379-29.49h31.14L333.054,463.182z M96.757,365.081V21.502H345.82v110.011     c0,5.935,4.81,10.751,10.752,10.751h94.961l0.011,222.816H96.757z"
            fill={BLUE_COLOR}
          />
        </g>
        <g>
          <path
            d="M290.828,206.77c12.798-0.339,22.688-11.014,22.897-23.835c0.137-8.26,0.021-16.533,0.026-24.795     c0.005-8.273,0.054-16.536-0.026-24.799c-0.021-1.918-0.21-3.924-0.776-5.745c-3.517-11.483-12.053-17.896-23.245-19.261     c-13.349-1.629-26.934-1.989-40.389-1.75c-7.357,0.134-14.84,2.094-21.969,4.224c-9.895,2.963-13.771,8.664-14.152,18.937     c-0.216,5.861,0.01,11.735-0.334,17.583c-0.247,4.247,1.413,5.328,5.483,5.262c13.824-0.221,27.656,0.021,41.481-0.113     c3.246-0.031,4.047,1.179,4.047,4.221c0,4.176-2.842,3.524-5.283,3.536c-21.641,0.065-43.294,0.419-64.931,0     c-16.517-0.315-28.596,10.976-31.908,25.104c-2.412,10.294-4.241,20.63-3.315,31.176c0.966,11.074,2.499,22.126,8.037,32.059     c4.289,7.709,10.777,12.473,19.785,12.992c5.092,0.302,10.218-0.047,15.326,0.137c3.042,0.107,3.882-1.195,3.816-4.032     c-0.144-6.307,0.056-12.627-0.068-18.932c-0.126-6.103,1.761-11.55,5.068-16.515c7.208-10.819,17.675-15.286,30.376-15.28     C257.47,206.938,274.161,207.21,290.828,206.77z M234.543,140.593c-5.494-0.005-10.079-4.463-10.163-9.885     c-0.092-5.543,4.703-10.504,10.163-10.504c5.168-0.005,10.084,4.843,10.215,10.068     C244.903,135.879,240.215,140.598,234.543,140.593z"
            fill={BLUE_COLOR}
          />
          <path
            d="M371.028,207.615c-0.966-11.063-2.498-22.122-8.031-32.062c-4.293-7.703-10.782-12.464-19.791-12.986     c-5.091-0.294-10.225,0.055-15.322-0.134c-3.049-0.107-3.891,1.2-3.817,4.032c0.138,6.31-0.062,12.633,0.064,18.932     c0.125,6.098-1.766,11.551-5.071,16.521c-7.202,10.819-17.67,15.28-30.374,15.275c-16.684,0-33.37-0.272-50.045,0.169     c-12.792,0.338-22.685,11.012-22.892,23.827c-0.136,8.262-0.029,16.535-0.035,24.798c-0.005,8.265-0.052,16.527,0.027,24.801     c0.019,1.92,0.215,3.917,0.774,5.742c3.518,11.486,12.058,17.891,23.254,19.26c13.347,1.628,26.925,1.991,40.386,1.749     c7.354-0.137,14.841-2.09,21.97-4.222c9.895-2.96,13.774-8.666,14.147-18.939c0.219-5.858-0.011-11.732,0.33-17.575     c0.252-4.254-1.407-5.333-5.479-5.265c-13.828,0.215-27.654-0.016-41.481,0.121c-3.247,0.026-4.047-1.189-4.047-4.22     c0.005-4.185,2.842-3.533,5.289-3.538c21.642-0.063,43.294-0.42,64.933-0.01c16.516,0.322,28.594-10.972,31.905-25.093     C370.125,228.502,371.953,218.161,371.028,207.615z M294.928,283.537c5.495,0,10.078,4.457,10.162,9.879     c0.088,5.55-4.703,10.499-10.162,10.51c-5.173,0-10.097-4.846-10.216-10.073C284.57,288.25,289.251,283.527,294.928,283.537z"
            fill={BLUE_COLOR}
          />
        </g>
      </g>
    </g>
  </svg>
);
